
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">
        {% load staticfiles %}
        <link rel="shortcut icon" href="{% static 'plugins/minton/images/favicon.ico' %}">

        <title>ResumeCRM - @Shileizcc.com </title>

        <!-- Plugins css-->
        <link href="/static/plugins/minton/plugins/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" rel="stylesheet">
        <link href="/static/plugins/minton/plugins/multiselect/css/multi-select.css" rel="stylesheet" type="text/css">
        <link href="/static/plugins/minton/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css">
        <link href="/static/plugins/minton/plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css" rel="stylesheet">
        <link href="/static/plugins/minton/plugins/mjolnic-bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css" rel="stylesheet">
        <link href="/static/plugins/minton/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet">
        <link href="/static/plugins/minton/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">

        <link href="/static/plugins/minton/plugins/switchery/switchery.min.css" rel="stylesheet" />
        <link href="/static/plugins/minton/plugins/jquery-circliful/css/jquery.circliful.css" rel="stylesheet" type="text/css" />

        <!-- Sweet Alert css -->
        <link href="/static/plugins/minton/plugins/sweet-alert/sweetalert2.min.css" rel="stylesheet" type="text/css" />

        <link rel="stylesheet" href="/static/plugins/minton/plugins/morris/morris.css">

        <link href="/static/plugins/minton/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="/static/plugins/minton/css/icons.css" rel="stylesheet" type="text/css">
        <link href="/static/plugins/minton/css/style.css" rel="stylesheet" type="text/css">

        <!-- DataTables -->
        {# <link href="/static/plugins/minton/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css"> #}
        {# <link href="/static/plugins/minton/plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css"> #}

        <!-- Responsive datatable examples -->
        {# <link href="/static/plugins/minton/plugins/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css"> #}

        <!-- Multi Item Selection examples -->
        {# <link href="/static/plugins/minton/plugins/datatables/select.bootstrap4.min.css" rel="stylesheet" type="text/css"> #}

        <!-- ION Slider -->
        {# <link href="/static/plugins/minton/plugins/ion-rangeslider/ion.rangeSlider.css" rel="stylesheet" type="text/css"> #}
        {# <link href="/static/plugins/minton/plugins/ion-rangeslider/ion.rangeSlider.skinFlat.css" rel="stylesheet" type="text/css"> #}

        {# <link href="/static/plugins/minton/plugins/custombox/dist/custombox.min.css" rel="stylesheet"> #}
        <link href="/static/css/commons.css" rel="stylesheet" type="text/css">
        {% block css %} {% endblock %}
    </head>


    <body class="fixed-left">

        <!-- Begin page -->
        <div id="wrapper">

            <!-- Top Bar Start -->
            <div class="topbar">

                <!-- LOGO -->
                <div class="topbar-left">
                    <div class="text-center">
                        <a href="/resume/list" class="logo"><i class="mdi mdi-radar"></i> <span>ResumeCRM</span></a>
                    </div>
                </div>

                <!-- Button mobile view to collapse sidebar menu -->
                {% include 'include/_upper_side_menu.html' %}


            </div>
            <!-- Top Bar End -->


            <!-- ========== Left Sidebar Start ========== -->

            <div class="left side-menu">
                <div class="sidebar-inner slimscrollleft">
                    <!--- Divider -->
                    {% include 'include/_left_side_menu.html' %}
                </div>
            </div>
            <!-- Left Sidebar End -->


            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="content-page">
                <!-- Start content -->
                <div class="content">
                    <div class="container-fluid">
                        {% block title %} {% endblock %}

                        {% block conent %} {% endblock %}
                    </div>
                    <!-- end container -->
                </div>
                <!-- end content -->

                <footer class="footer">
                    2016 - 2018 ©ResumeCRM <span class="hide-phone">- Shileizcc.com</span>
                </footer>

            </div>
            <!-- ============================================================== -->
            <!-- End Right content here -->
            <!-- ============================================================== -->


            <!-- Right Sidebar -->
            {# {% include 'include/_right_side_menu.html' %} #}
            {% block sidebar %} {% endblock %}
            <!-- /Right-bar -->

        </div>
        <!-- END wrapper -->



        <script>
            var resizefunc = [];
        </script>

        <!-- Plugins  -->
        <script src="/static/plugins/minton/js/jquery.min.js"></script>
        <script src="/static/plugins/minton/js/popper.min.js"></script><!-- Popper for Bootstrap -->
        <script src="/static/plugins/minton/js/bootstrap.min.js"></script>
        <script src="/static/plugins/minton/js/detect.js"></script>
        <script src="/static/plugins/minton/js/fastclick.js"></script>
        <script src="/static/plugins/minton/js/jquery.slimscroll.js"></script>
        <script src="/static/plugins/minton/js/jquery.blockUI.js"></script>
        <script src="/static/plugins/minton/js/waves.js"></script>
        <script src="/static/plugins/minton/js/wow.min.js"></script>
        <script src="/static/plugins/minton/js/jquery.nicescroll.js"></script>
        <script src="/static/plugins/minton/js/jquery.scrollTo.min.js"></script>
        <script src="/static/plugins/minton/plugins/switchery/switchery.min.js"></script>

        <script src="/static/plugins/minton/js/modernizr.min.js"></script>
        {% block js %}{% endblock %}
        <script type="text/javascript">
            $(function (){
                LinkWebSocketTest();
            })
            function LinkWebSocketTest(){
                if ("WebSocket" in window){
                  var ws = new WebSocket("ws://{{ request.get_host }}/websocket/message/send?auth={{ request.user.uuid }}");

                  // ws.onopen = function(){
                    // ws.send("")
                  // };
                  ws.onmessage = function (evt){ 
                    var received_msg = evt.data;
                    received_msg = decodeURIComponent(received_msg);
                    var _type = received_msg.split("|")[0]
                    var _title = received_msg.split("|")[1]
                    var _context = received_msg.split("|")[2]
                    if(_context != ""){
                        $.Notification.autoHideNotify(_type, 'top right', _title, _context)
                    }
                    // console.log(decodeURIComponent(received_msg));
                  };

                  ws.onclose = function(){ 
                  };
                }
            }
        </script>
        <script src="/static/plugins/minton/plugins/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script>
        <script type="text/javascript" src="/static/plugins/minton/plugins/multiselect/js/jquery.multi-select.js"></script>
        <script type="text/javascript" src="/static/plugins/minton/plugins/jquery-quicksearch/jquery.quicksearch.js"></script>
        <script src="/static/plugins/minton/plugins/select2/js/select2.min.js" type="text/javascript"></script>
        <script src="/static/plugins/minton/plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.js" type="text/javascript"></script>
        <script src="/static/plugins/minton/plugins/bootstrap-inputmask/bootstrap-inputmask.min.js" type="text/javascript"></script>

        <script src="/static/plugins/minton/plugins/moment/moment.js"></script>
        <script src="/static/plugins/minton/plugins/mjolnic-bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>
        <script src="/static/plugins/minton/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
        <script src="/static/plugins/minton/plugins/bootstrap-daterangepicker/daterangepicker.js"></script>

        <script src="/static/plugins/minton/pages/jquery.form-advanced.init.js"></script>

        <!-- Counter Up  -->
        <script src="/static/plugins/minton/plugins/waypoints/lib/jquery.waypoints.min.js"></script>
        <script src="/static/plugins/minton/plugins/counterup/jquery.counterup.min.js"></script>

        <!-- circliful Chart -->
        <script src="/static/plugins/minton/plugins/jquery-circliful/js/jquery.circliful.min.js"></script>
        <script src="/static/plugins/minton/plugins/jquery-sparkline/jquery.sparkline.min.js"></script>

        <!-- skycons -->
        <script src="/static/plugins/minton/plugins/skyicons/skycons.min.js" type="text/javascript"></script>

        <!-- Page js  -->
        <script src="/static/plugins/minton/pages/jquery.dashboard.js"></script>

        <!-- Custom main Js --><!-- App js -->
        <script src="/static/plugins/minton/js/jquery.core.js"></script>
        <script src="/static/plugins/minton/js/jquery.app.js"></script>
        <script src="/static/js/common.js"></script>

        <!-- Sweet Alert Js  -->
        <script src="/static/plugins/minton/plugins/sweet-alert/sweetalert2.min.js"></script>
        <script src="/static/plugins/minton/pages/jquery.sweet-alert.init.js"></script>

        <!-- Notification js -->
        <script src="/static/plugins/minton/plugins/notifyjs/dist/notify.min.js"></script>
        <script src="/static/plugins/minton/plugins/notifications/notify-metro.js"></script>

        <!-- Dropzone js -->
        {# // <script src="/static/plugins/minton/plugins/dropzone/dropzone.js"></script> #}

        <!-- Required datatable js -->
        {# // <script src="/static/plugins/minton/plugins/datatables/jquery.dataTables.min.js"></script> #}
        {# // <script src="/static/plugins/minton/plugins/datatables/dataTables.bootstrap4.min.js"></script> #}

        <!-- Buttons examples -->
        <script src="/static/plugins/minton/plugins/datatables/dataTables.buttons.min.js"></script>
        <script src="/static/plugins/minton/plugins/datatables/buttons.bootstrap4.min.js"></script>
        <script src="/static/plugins/minton/plugins/datatables/jszip.min.js"></script>
        <script src="/static/plugins/minton/plugins/datatables/pdfmake.min.js"></script>
        <script src="/static/plugins/minton/plugins/datatables/vfs_fonts.js"></script>
        <script src="/static/plugins/minton/plugins/datatables/buttons.html5.min.js"></script>
        <script src="/static/plugins/minton/plugins/datatables/buttons.print.min.js"></script>

        <!-- Key Tables -->
        {# // <script src="/static/plugins/minton/plugins/datatables/dataTables.keyTable.min.js"></script> #}

        <!-- Responsive examples -->
        {# // <script src="/static/plugins/minton/plugins/datatables/dataTables.responsive.min.js"></script> #}
        {# // <script src="/static/plugins/minton/plugins/datatables/responsive.bootstrap4.min.js"></script> #}

        <!-- Selection table -->
        {# // <script src="/static/plugins/minton/plugins/datatables/dataTables.select.min.js"></script> #}

        <!-- Ion slider -->
        {# // <script src="/static/plugins/minton/plugins/ion-rangeslider/ion.rangeSlider.min.js"></script> #}
        {# // <script src="/static/plugins/minton/pages/jquery.ui-sliders.js"></script> #}

       <!-- chatjs 
{#        <script src="/static/plugins/minton/pages/jquery.chat.js"></script>-->#}

        <!-- Circliful -->
        {# // <script src="/static/plugins/minton/plugins/jquery-circliful/js/jquery.circliful.min.js"></script> #}


    </body>
</html>